<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	template="/layout/templatePersonaAdministrada.xhtml">
	<ui:define name="title">
		<title>Historial de Servicios Realizados</title>
	</ui:define>
	<ui:define name="body">
		<h:form id="historial" style="width: 100%;">
			<div align="center">
			<p:outputPanel id="idTablaServicios">
				<p:dataTable var="p" value="#{procesoBM.lstProcesosHistorial}"
					id="lstHistoriaPersona" paginator="true" rows="5" update="historial:listRequisitos historial:dtListHojaRuta historial:visibilidad"
					style="width:98%;" selectionMode="single"  rowSelectListener="#{procesoBM.actionSeleccionarExpedientePersona}"
					emptyMessage="No se encuentran expedientes que usted ha realizado">
					<f:facet name="header">  
          			Solicitudes realizadas
        		</f:facet>
					<p:column style="text-align: center;" sortBy="#{p.codigoCupex}" filterBy="#{p.codigoCupex}"
						headerText="Código de ateción de servicio">
						<h:outputText value="#{p.codigoCupex}" />
					</p:column>
					<p:column style="text-align: center;" sortBy="#{p.nombreProceso}" filterBy="#{p.nombreProceso}"
						headerText="Nombre del servicio">
						<h:outputText value="#{p.nombreProceso}" />
					</p:column>
					<p:column style="text-align: center;" sortBy="#{p.fechaRegistro}" filterBy="#{p.fechaRegistro}"
						headerText="Fecha y hora del Registro">
						<h:outputText value="#{p.fechaRegistro}" />
					</p:column>
					<p:column style="text-align: center;" headerText="Estado" sortBy="#{p.estadoExpediente}" filterBy="#{p.estadoExpediente}">
						<h:graphicImage value="#{p.rutaImagen}" title="Estado" />&nbsp;&nbsp;
						<h:outputText value="#{p.estadoExpediente}" />
					</p:column>

				</p:dataTable>
			</p:outputPanel>
				<br /> <br /> <br />
				<p:outputPanel id="visibilidad">
					<c:choose>
						<c:when test="${procesoBM.tamanio== '1'}">
							<p:dataTable id="listRequisitos" emptyMessage=" "
								style="width:98%;"
								value="#{procesoBM.lstdetalleProcesoRequisito}" var="d">
								<f:facet name="header">
									<h:outputText
										value="Lista de Requisitos Faltantes - #{procesoBM.selectHistorialExpedientesDTO.nombreProceso}" />
								</f:facet>

								<p:columnGroup type="header">
									<p:row>
										<p:column rowspan="2" headerText="N°"
											style="text-align: center; width: 5%;" />
										<p:column rowspan="2" headerText="Nombre del Requisito"
											style="width: 45%;" />
										<p:column colspan="3" headerText="Adjuntar requisito" />
									</p:row>
									<p:row>
										<p:column headerText="Subir"
											style="text-align: center; width: 5%;" />
										<p:column headerText="Nombre Archivo" style="width: 40%;" />
										<p:column headerText="Acción"
											style="text-align: center; width: 5%;" />
									</p:row>
								</p:columnGroup>
								<p:column id="codigo_requisito" style="text-align: center;">
									<h:outputText value="#{d.numrequi}" />
								</p:column>
								<p:column id="nombre_requisito">
									<h:outputText value="#{d.nombreRequisito}"
										title="#{d.descripcion}" />
								</p:column>
								<p:column style="text-align: center;">
									<p:commandLink immediate="true" process="@this"
										actionListener="#{procesoBM.actionCodigoRequisitoFaltante}"
										oncomplete="subReqFalt.show()">
										<h:graphicImage url="/images/botton/uploadFiles.png"
											title="Subir archivo" style="border:0" />
										<f:param name="idReqFal" value="#{d.idrequi}" id="idReqFal" />
									</p:commandLink>
								</p:column>
								<p:column>
									<h:outputText value="#{d.nombreArchivo}" disabled="true"
										style="width: 100%; font-weight: bold; color:#000000;" />
								</p:column>
								<p:column style="text-align: center;">
									<p:commandLink update="historial:listRequisitos msjA"
										actionListener="#{procesoBM.eliminarRequisitoSeleccionado}">
										<h:graphicImage url="/images/botton/deleteFiles.png"
											title="Eliminar archivo subido" style="border:0" />
										<f:param name="idReqFaltEli" value="#{d.idrequi}"
											id="idReqFaltEli" />
									</p:commandLink>
								</p:column>

							</p:dataTable>
							<br />
							<div align="center">
								<p:commandButton title="Completar Requisitos Faltantes"
									id="addReqFal" value="Completar Requisitos"
									actionListener="#{procesoBM.completarRequisitos}"
									update="historial:visibilidad historial:listRequisitos historial:lstHistoriaPersona historial:idTablaServicios" />
							</div>

						</c:when>
						<c:when test="${procesoBM.tamanio== '2'}">
							<br />
							<div align="right">
								<p:commandLink
									action="#{apelacionReconsideracionBM.redirectCrearReconsideracionApelacion}"
									rendered="#{procesoBM.selectHistorialExpedientesDTO.estadoLink}"
									value="CREAR RECONSIDERACION" ajax="false" />
							</div>

							<br />
							<p:dataTable var="p" value="#{procesoBM.lstHojaRutas}"
								style="width:98%;" type="ordered" emptyMessage=" "
								id="dtListHojaRuta">
								<f:facet name="header">Hoja de ruta del servicio - <h:outputText
										value="#{procesoBM.selectHistorialExpedientesDTO.nombreProceso}" />
								</f:facet>
								<p:column style="text-align: left;" headerText="Unidad Orgánica">
									<h:outputText value="#{p.area}" />
								</p:column>
								<p:column style="text-align: center;"
									headerText="Fecha y Hora de LLegada">
									<h:outputText value="#{p.fechaInicio}" />
								</p:column>
								<p:column style="text-align: center;"
									headerText="Fecha y Hora de Salida">
									<h:outputText value="#{p.fechaFin}" />
								</p:column>
								<p:column style="text-align: center;" headerText="Estado">
									<h:outputText value="#{p.estado}" />
								</p:column>
							</p:dataTable>
						</c:when>
						<c:otherwise>

						</c:otherwise>
					</c:choose>

				</p:outputPanel>

				<div />
			</div>
		</h:form>
	</ui:define>
</ui:composition>